$('.btn').on('click', function () {
    // $('<p></p>');
    var text = $('#input').val();
    // var p = $('#pp');
    // p.html(text);
    var li = $('<li>' +
        '   <div class="tells">' +
        '   <div class="hd">' +
        '       <img src="images/hd.png" height="50" width="50" alt="头像"/>' +
        '   </div>' +
        '   <span>美味爱好者</span>' +
        // '<label>' +
        // '<textarea id="pri">${text}</textarea>' +
        '   <p id="pp"></p>' +
        // '</label>' +
        '   </div>' +
        '</li>');
    // li.html($('.txt').val() + "<a href='javascript:;'>删除</a>");
    $('#tellUl').prepend(li);
    var p = $('#pp');
    p.html(text);


    // if (p.html(text) !== '') {
    //     $('#tellUl').prepend(li);
    // } else {
    //     // console
    // }

    li.slideDown(1000, function () {
        alert('留言成功~愿美味永远伴你左右~');
    });
    // $('.txt').val('');
    $('#input').val('');
});

// 删除
// $('#tellUl').on('click', 'a', function () {
//     $(this).parent().slideUp(function () {
//         $(this).remove();
//     });
// })

$('#open_details').on('click', function () {
    $('#details').slideToggle(700);
    // $('details').toggleClass('display', 'block');
});

$('#wish').click(function () {
    alert('心愿单 (正在开发中)');
})

$('#map').click(function () {
    alert('美食地图 (正在开发中)');
})

$('#mine').click(function () {
    alert('我的 (正在开发中)');
})

$('#night').click(function () {
    alert('夜间模式 (正在开发中)');
})